<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>萌宠之家 - 关于我们</title>
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
</head>
<body>
    <nav class="navbar">
        <!-- 导航栏 -->
    </nav>

    <main class="about-container">
        <!-- 公司概况模块 -->
        <section class="about-intro">
            <!-- 原有内容 -->
        </section>

        <!-- 发展历程时间轴 -->
        <section class="timeline-section">
            <!-- 原有内容 -->
        </section>

        <!-- 团队展示 -->
        <section class="team-section">
            <h2 class="section-title">我们的团队</h2>
            <div class="team-grid">
                <div class="team-card">
                    <img src="img/team-vet.jpg" alt="兽医团队">
                    <h3>专业兽医团队</h3>
                    <p>10年以上宠物医疗经验</p>
                </div>
                <div class="team-card">
                    <img src="img/team-nutrition.jpg" alt="营养师团队">
                    <h3>宠物营养师</h3>
                    <p>定制科学喂养方案</p>
                </div>
            </div>
        </section>

        <section class="contact-form">
            <h2>联系我们</h2>
            <form id="contact-form">
                <div class="form-group">
                    <input type="text" placeholder="您的姓名" required>
                </div>
                <div class="form-group">
                    <input type="email" placeholder="电子邮箱" required>
                </div>
                <div class="form-group">
                    <textarea placeholder="留言内容" rows="5" required></textarea>
                </div>
                <button type="submit" class="btn">发送留言</button>
            </form>
        </section>
        <!-- 服务承诺 -->
        <section class="promise-section">
            <!-- 原有内容 -->
        </section>

        <!-- 新增表格：年度服务数据 -->
        <section class="stats-section">
            <h2 class="section-subtitle"><i class="fas fa-chart-bar"></i> 年度服务数据</h2>
            <div class="security-banner">
                <i class="fas fa-shield-alt"></i>
                <div>数据真实可靠，经过第三方审计</div>
            </div>
            <table class="stats-table">
                <thead>
                    <tr>
                        <th>项目</th>
                        <th>2022年</th>
                        <th>2023年</th>
                        <th>增长率</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>服务家庭</td>
                        <td>85,000</td>
                        <td>102,000</td>
                        <td>20%</td>
                    </tr>
                    <tr>
                        <td>覆盖城市</td>
                        <td>45</td>
                        <td>58</td>
                        <td>29%</td>
                    </tr>
                    <tr>
                        <td>客户满意度</td>
                        <td>96.5%</td>
                        <td>98.2%</td>
                        <td>1.7%</td>
                    </tr>
                </tbody>
            </table>
        </section>
    </main>

    <footer class="footer">
        <!-- 页脚 -->
    </footer>

    <script src="js/main.js"></script>
</body>
</html>